<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Plus Admin</title>
    <link rel="shortcut icon" href="./res/images/logo.ico" type="image/x-icon" />
    <link rel="icon" href="./res/images/logo.ico" type="image/x-icon" />
    <meta name="keywords" content="layui,简洁的ui框架,面向后端的前端框架,业务组件">
    <meta name="description" content="Plus Admin是一个基于layui框架，一个轻量、简约包含丰富模块化前端框架，帮您快速构建网站。">
    <link href="res/libs/layui/css/layui.css" rel="stylesheet" />
    <link href="res/css/plus-admin.css" rel="stylesheet" />
    <link rel="stylesheet" href="res/css/login.css">
</head>

<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md3 layui-col-md-offset8">
                <div class="login-box">
                    <div class="login-box-header">
                        <h3>Hello，Plus Admin</h3>
                    </div>
                    <form class="layui-form">
                        <div class="layui-row layui-form-item">
                            <div class="layui-col-md12">
                                <div class="layui-input-block no-label">
                                    <label class="input-icon layui-icon layui-icon-username" for="username"></label>
                                    <input type="text" name="username" id="username" lay-verify="required"
                                        placeholder="用户名" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row  layui-form-item">
                            <div class="layui-col-md12">
                                <div class="layui-input-block no-label">
                                    <label class="input-icon layui-icon layui-icon-password" for="password"></label>
                                    <input type="password" name="password" id="password" lay-verify="required"
                                        placeholder="密码" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item login-box-check">
                            <input type="checkbox" name="remember" lay-skin="primary" title="记住密码" value="1">
                            <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><span>记住密码</span><i
                                    class="layui-icon layui-icon-ok"></i></div>
                        </div>

                        <div class="layui-form-item">
                            <button class="layui-btn layui-btn-fluid primary" lay-filter="login" lay-submit>登 录</button>
                        </div>
                        <div class="layui-form-item login-box-other">
                            <a href="javascript:;"><i class="layui-icon-login-qq text-blue"></i></a>
                            <a href="javascript:;"><i class="layui-icon-login-wechat text-green"></i></a>
                            <a href="javascript:;"><i class="layui-icon-login-weibo text-danger"></i></a>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>

    <script src="res/libs/layui/layui.js"></script>
    <script>
        layui.use(['jquery', 'form', 'layer'], function ($, form, layer) {

            form.on('submit(login)', function (data) {
                layer.msg("登录成功...", { time: 1200 }, function () {
                    location.href='/plus-admin/index.html';
                });
                return false;
            });

        });
    </script>
</body>

</html>